<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        alert("欢迎来到我们网站");
    </script>

    <form action="./hello.html" >
        文本框:<input type="text" value="请输入内容" maxlength="10"><br>
        密码框:<input type="password" value="" maxlength="10" placeholder="请输入密码"><br>
        文本不可用:<input type="text" value="请输入内容" maxlength="10"><br>
        文本设为只读:<input type="text" value="请输入内容" maxlength="10"><br>
        隐藏域:<br>
        多行文本:<textarea name="" id="这是多行文本" cols="30" rows="10">           这是多行文本</textarea><br>
        单选:<input type="radio" name="gender" value="男">男
        <input type="radio" name="gender" value="女" >女<br>
        多选:<input type="checkbox">美食
        <input type="checkbox">旅游
        <input type="checkbox">摄影
        <input type="checkbox">爬山
        <input type="checkbox">足球<br>
        下拉菜单:<select name="city" id="">
            <option value="长沙市">长沙市</option>
            <option value="岳阳市">岳阳市</option>
            <option value="怀化市">怀化市</option>
            <option value="湘潭市">湘潭市</option>
            <option value="株洲市">株洲市</option>
        </select><br>
        文件上传:<input type="file"><br>
        日历:<input type="datetime"><br>
        email:<input type="email" name="uEmail" pattern="^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$"  ><br>
        普通按钮：<input type="button" name="btnRegist" value="普通按钮" onclick="alert('廖晓东最帅')"><br>
        提交按钮:<input type="submit" value="提交按钮"><br>
        重置按钮：<input type="reset" value="重置按钮"><br>

        江湖救急
    </form>
</body>
</html>